<script lang="ts">
  import { Checkbox } from "flowbite-svelte";
</script>

<p class="mb-4 font-semibold text-gray-900 dark:text-white">Identification</p>
<ul class="w-full items-center divide-x divide-gray-200 rounded-lg border border-gray-200 sm:flex rtl:divide-x-reverse dark:divide-gray-600 dark:border-gray-600 dark:bg-gray-800">
  <li class="w-full"><Checkbox classes={{ div: "p-3" }}>Svelte</Checkbox></li>
  <li class="w-full"><Checkbox classes={{ div: "p-3" }}>Vue JS</Checkbox></li>
  <li class="w-full"><Checkbox classes={{ div: "p-3" }}>React</Checkbox></li>
  <li class="w-full"><Checkbox classes={{ div: "p-3" }}>Angular</Checkbox></li>
</ul>
